body {
    background-color: #FFFFFF;
    color: #333333;
    font: 12px/1.6 "ãƒ’ãƒ©ã‚®ãƒŽè§’ã‚´ Pro W3","Hiragino Kakugo Pro W3","ãƒ¡ã‚¤ãƒªã‚ª","Meiryo",Helvetica,Verdana,"ï¼­ï¼³ ï¼°ã‚´ã‚·ãƒƒã‚¯","MS P Gothic",Osaka,sans-serif;
}
body, h1, h2, h3, h4, h5, h5, p, ul, ol, li, dl, dt, dd, form, textarea, blockquote {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
a {
    text-decoration: none;
}
a img {
    border: 0;
}
.header, .body {
    width:960px;
    display: block;
    margin: auto;
}
.header {
    height: 100px;
}
.logo {
    float: left;
    font-size: 30px;
    font-weight: bold;
    margin-right: 158px;
    margin-top: 15px;
}
.menu {
    float:left;
    margin-top: 20px;
}
.menu li {
    float:left;
    border:1px solid #eee;
    padding:1px;
    border-left:0;
}
.menu li a {
    height: 38px;
    line-height: 40px;
    color:#777;
    font-size: 15px;
    display: block;
    font-weight: bold;
}

.menu li.menu1 a:hover {
    background-position: 0 -76px;
}
.menu li.menu2 a:hover {
    background-position: -135px -38px;
}
.menu li.menu3 a:hover {
    background-position: -270px -38px;
}
.menu li.menu4 a:hover {
    background-position: -405px -38px;
}
.menu li.menu5 a:hover {
    background-position: -540px -38px;
}
.menu li.menu6 a:hover {
    background-position: -675px -38px;
}

.menu li.actived.menu1 a {
    background-position: 0 0;
}
.menu li.actived.menu2 a {
    background-position: -135px 0;
}
.menu li.actived.menu3 a {
    background-position: -270px 0;
}
.menu li.actived.menu4 a {
    background-position: -405px 0;
}
.menu li.actived.menu5 a {
    background-position: -540px 0;
}
.menu li.actived.menu6 a {
    background-position: -675px 0;
}
.menu li a:hover {
    color:#999;
}
.menu li.actived a {
    color:white;
}

.smax_left {
    display: block;
    margin-left: -30px;
    margin-top: 16px;
}
.box {
    width:300px;
    display: block;
    float:left;
    margin-left: 30px;
    margin-bottom: 20px;
}
p.title {
    color:black;
    font-weight: bold;
    
}
p.title a {
    color:black;
}
p.lead {
    color:black;
}
.box .content .title {
    margin-bottom: 5px;
    font-size: 15px;
    height:45px;
    overflow: hidden;
}
.box .content .lead {
    height: 190px;
    margin-bottom: 10px;
    overflow: hidden;
}
/*
.box .content .lead img {
    width:110px;
    height:100px;
    float: right;
    margin-left: 10px;
    margin-bottom: 5px;
}
*/
.box .content .date {
    clear: both;
}

.source_title {
    border-top: 3px solid #00A5DE;
    border-bottom: 1px solid #ECECEC;
    height: 40px;
    line-height: 40px;
    margin-bottom: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.menu2 .source_title{
    border-top-color:#a88357;
}
.menu3 .source_title{
    border-top-color:#228c7d;
}
.menu4 .source_title{
    border-top-color:#f5ac0f;
}
.menu5 .source_title{
    border-top-color:#515397;
}
.source_title a {
    color: #00A5DE;
    font-weight: bold;
}
.menu2 .source_title a {
    color:#a88357;
}
.menu3 .source_title a {
    color:#228c7d;
}
.menu4 .source_title a {
    color:#f5ac0f;
}
.menu5 .source_title a {
    color:#515397;
}
.box .bottom {
    display: block;
    clear: both;
    font-size: 11px;
}
.box .bottom a.category {
    color:white;
}
.box.menu2 .bottom a.category {
    background: #a88357;
}
.box.menu3 .bottom a.category {
    background: #228c7d;
}
.box.menu4 .bottom a.category {
    background: #f5ac0f;
}
.box.menu5 .bottom a.category {
    background: #515397;
}
.box .bottom .date {
    color:#000000;
    margin-left: 10px;
}
.fotter {
    background-color: #F9F9F9;
    border-top: 1px solid #CCCCCC;
    clear: both;
    margin: 0;
    height:90px; 
    line-height: 39px;
    margin-top: 20px;
}
.fotter ul {
    float:left;
    margin-left: 20px;
}
.fotter ul li a {
    color:#666;
}
.fotter ul li {
    float:left;
    margin-right: 20px;
}
.copyright {
    display: block;
    float:right;
    color:#666;
    margin-right: 20px;
}
.page_nav {
    clear: both;
    display: block;
    margin-top: 20px;
    text-align: center;
}
.page_nav a {
    color:#666;
    font-weight: bold;
    padding:5px 20px 5px 20px;
    border-radius:5px;
}
.page_nav a:hover {
    background: #0091DE;
    color:white;
}

.notice {
    display: block;
    float:left;
    width:615px;
}
.contact {
    display: block;
    float:left;
    width:273px;
    margin-left: 40px;
}
.notice h1 {
    font-size: 16px;
    border-bottom: 3px solid #00A5DE;
}
ul.notices-items {
    margin-top: 20px;
}
ul.notices-items li {
    border-bottom: 1px solid #ECECEC;
    padding-top: 10px;
    padding-bottom: 10px;
}
ul.notices-items li .title {
    margin-bottom: 5px;
}
ul.notices-items li .date {
    font-size: 11px;
    color:#777;
    margin-top: 5px;
}
.contact h1 {
    font-size: 16px;
    border-bottom:3px solid #228c7d;
}
.contact form {
    display: block;
    padding: 20px 10px 20px 10px;
    background: #eee;
}
.contact form label {
    display: block;
    font-weight: bold;
}
.contact form input, .contact form textarea {
    width: 250px;
    margin-bottom: 15px;
    margin-top: 5px;
}
.contact form input.submit {
    width:100px;
    height:30px;
    margin: auto;
    margin-left: 80px;
}
.contact form .error {
    border:2px solid red;
}
.appli_store {
    height:335px;
    display: block;
    text-align: center;
    width: 100%;
}
.appli_store a {
    display: block;
    color:black;
    margin-bottom: 20px;
}
.appli_store a img {
    width:200px;
    display: block;
    margin: auto;
    margin-bottom: 5px;
}
.favorite {
   background-image: url('../images/favorite.png');
   height: 174px;
   width: 38px;
   padding: 6 43px;
}

.favorite:hover {
   background-image: url('../images/favorite_touch.png');
}
.unfavorite {
   background-image: url('../images/unfavorite.png');
   padding: 6 55px;
}

.unfavorite:hover {
   background-image: url('../images/unfavorite_touch.png');
}

.site1, .site1.selected:hover {
   background-image: url('../images/chanel_icon01.png');
   padding: 44 60px;
}

.site1:hover, .site1.selected{
   background-image: url('../images/chanel_icon01_touch.png');
   padding: 44 60px;
}

.site2, .site2.selected:hover {
   background-image: url('../images/chanel_icon02.png');
   padding: 44 60px;
}

.site2:hover, .site2.selected {
   background-image: url('../images/chanel_icon02_touch.png');
}

.site3, .site3.selected:hover {
   background-image: url('../images/chanel_icon03.png');
   padding: 44 60px;
}

.site3:hover, .site3.selected {
   background-image: url('../images/chanel_icon03_touch.png');
}

.site4, .site4.selected:hover {
   background-image: url('../images/chanel_icon04.png');
   padding: 44 60px;
}

.site4:hover, .site4.selected {
   background-image: url('../images/chanel_icon04_touch.png');
}

.site5, .site5.selected:hover {
   background-image: url('../images/chanel_icon05.png');
   padding: 44 60px;
}

.site5:hover, .site5.selected {
   background-image: url('../images/chanel_icon05_touch.png');
}

.site6, .site6.selected:hover {
   background-image: url('../images/chanel_icon06.png');
   padding: 44 60px;
}

.site6:hover, .site6.selected  {
   background-image: url('../images/chanel_icon06_touch.png');
}

.site8, .site8.selected:hover {
   background-image: url('../images/chanel_icon08.png');
   padding: 44 60px;
}

.site8:hover, .site8.selected {
   background-image: url('../images/chanel_icon08_touch.png');
}

.site9, .site9.selected:hover {
   background-image: url('../images/chanel_icon09.png');
   padding: 44 60px;
}

.site9:hover, .site9.selected {
   background-image: url('../images/chanel_icon09_touch.png');
}

.site10, .site10.selected:hover {
   background-image: url('../images/chanel_icon10.png');
   padding: 44 60px;
}

.site10:hover, .site10.selected {
   background-image: url('../images/chanel_icon10_touch.png');
}

.site12, .site12.selected:hover {
   background-image: url('../images/chanel_icon12.png');
   padding: 44 60px;
}

.site12:hover, .site12.selected {
   background-image: url('../images/chanel_icon12_touch.png');
}

.site13, .site13.selected:hover {
   background-image: url('../images/chanel_icon13.png');
   padding: 44 60px;
}

.site13:hover, .site13.selected {
   background-image: url('../images/chanel_icon13_touch.png');
}

.site15, .site15.selected:hover {
   background-image: url('../images/chanel_icon15.png');
   padding: 44 60px;
}

.site15:hover, .site15.selected {
   background-image: url('../images/chanel_icon15_touch.png');
}

.top_tab{
   background-image: url('../images/top_tab.png');
   padding: 26 81px;
}

.top_tab:hover, .top_tab.selected {
   background-image: url('../images/top_tab_touch.png');
}

.fav_tab{
   background-image: url('../images/favorite_tab.png');
   padding: 26 80px;
}

.fav_tab:hover, .fav_tab.selected {
   background-image: url('../images/favorite_tab_touch.png');
}

.channel_tab{
   background-image: url('../images/chanel_tab.png');
   padding: 26 80px;
}

.channel_tab:hover, .channel_tab.selected {
   background-image: url('../images/chanel_tab_touch.png');
}

.menu li a {
    height: 45px;
    width:80px;
}
.fav_tab, .top_tab, .channel_tab {
 padding: 0;
}

.menu li.menu1 a:hover, .menu li.menu2 a:hover, .menu li.menu3 a:hover {
 background-position: 0;
}

/* Lam Huynh */
.source a { color:#00A5DE; font-weight:bold; font-size:12px }
p.source { margin-bottom:15px }
.searchbox { float: right; margin-top: 15px }
.searchbox .inputtext {     
	border-radius: 0;
    float: left;
    height: 28px;
    padding: 0 30px 0 10px;
    width: 278px;
	border: 1px solid #CCCCCC;
	font-size: 12px;
	vertical-align: middle;
}
.search-button {
	background: rgba(0, 0, 0, 0) url("images/icon-search-head.png") no-repeat center center;
    border: medium none;
    border-radius: 0;
    float: left;
    height: 30px;
    margin-left: -30px;
    width: 30px;
	cursor: pointer;
	display: block;
}
.pager li > a, .pager li > span { border-color: #428BCA !important }